<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<f:view locale="#{salaoMB.internacionalizacao.currentLocale}">
	<h:head>

		<meta http-equiv="Content-Type"
			content="text/html; charset=ISO-8859-1" />
		<title>Agendamento</title>
		<link rel="stylesheet" href="../css/salao.css" type="text/css"
			media="screen" />
		<style type="text/css">
.vermelho {
	color: #FF0000;
}

.smallFont {
	font-size: 9pt;
}
</style>
	</h:head>
	<h:body>

		<f:metadata>
			<f:event
				listener="#{agendamentoMB.buscarEstabelecimentosFavoritos}"
				type="preRenderView" />
		</f:metadata>

		<table width="100%">
			<tr>
				<td><ui:include src="/index.xhtml" /></td>
			</tr>
		</table>

		<p:ajaxStatus onstart="PF('statusDialog').show();"
			onsuccess="PF('statusDialog').hide();" />

		<p:dialog modal="true" widgetVar="statusDialog" header="Carregando"
			draggable="false" closable="false">
			<p:graphicImage value="/img/ajax-loading-bar-19.gif" />
		</p:dialog>

		<h:form prependId="false" id="formLocalizacao">

			<table width="80%" align="center">
				<tr>
					<td><p:messages id="msg" showDetail="true" autoUpdate="true"
							closable="true" /> <p:panel
							header="Pesquisar Sal&atilde;o de Beleza para agendamento">
							<p:tabView id="tabViewBuscaEstabelecimento">
								<p:tab id="tab1" title="Buscar por regi&atilde;o">

									<table align="center">
										<tr>
											<td><h:panelGrid columns="2" id="agendamentoTable"
													border="0">

													<h:outputText id="pais" value="País: " />
													<h:selectOneMenu value="#{agendamentoMB.idSelectedPais}"
														id="paises" style="width:300px">
														<f:selectItem itemLabel="Selecione..." itemValue="0" />
														<f:selectItems value="#{agendamentoMB.mapPaises}"
															var="pais" itemLabel="#{pais.nome}" itemValue="{pais.id}" />
														<p:ajax update="comboEstado"
															listener="#{agendamentoMB.localizarEstadoByIdPais}" />
													</h:selectOneMenu>

													<h:outputText id="estado" value="Estado: " />
													<h:selectOneMenu value="#{agendamentoMB.idSelectedEstado}"
														id="comboEstado" style="width:300px">
														<f:selectItem itemLabel="Selecione..." itemValue="0" />
														<f:selectItems value="#{agendamentoMB.mapEstados}"
															var="estado" itemValue="#{estado.id}"
															itemLabel="#{estado.nome}" />
														<p:ajax update="comboCidade"
															listener="#{agendamentoMB.listarCidadePorEstado}" />
													</h:selectOneMenu>

													<h:outputText id="cidade" value="Cidade: " />
													<h:selectOneMenu value="#{agendamentoMB.idSelectedCidade}"
														id="comboCidade" style="width:300px">
														<f:selectItem itemLabel="Selecione..." itemValue="0" />
														<f:selectItems value="#{agendamentoMB.mapCidades}"
															var="cidade" itemValue="#{cidade.id}"
															itemLabel="#{cidade.nome}" />
														<p:ajax update="comboBairro"
															listener="#{agendamentoMB.listarBairrosEstabelecimentosPorCidade}" />
													</h:selectOneMenu>

													<h:outputText id="bairro" value="Bairro: " />
													<h:selectOneMenu value="#{agendamentoMB.idSelectedBairro}"
														id="comboBairro" style="width:300px">
														<f:selectItem itemLabel="Selecione..." itemValue="0" />
														<f:selectItems value="#{agendamentoMB.mapBairro}"
															var="bairro" itemValue="#{bairro.id}"
															itemLabel="#{bairro.descricao}" />
													</h:selectOneMenu>

													<h:inputHidden />
													<p:commandButton type="submit"
														actionListener="#{agendamentoMB.buscarEstabelecimentosPorRegiao}"
														value="Buscar" update="tabelaEstabelecimentosTab1"
														style="width:100px" />
												</h:panelGrid></td>
										</tr>
									</table>
									<br />
									<br />
									<p:dataGrid var="estabelecimento"
										value="#{agendamentoMB.listEstabelecimentos}" columns="4"
										id="tabelaEstabelecimentosTab1" rows="12" paginator="true"
										paginatorAlwaysVisible="false"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="9,12,15"
										emptyMessage="Não foram encontrados resultados para a pesquisa"
										style="width:60%">

										<p:panel header="#{estabelecimento.razaoSocial}"
											style="text-align:center">
											<h:panelGrid columns="1">

												<h:outputText value="#{estabelecimento.nomeFantasia}" />
												<h:outputText
													value="#{estabelecimento.endereco.bairro.cidade.nome} - #{estabelecimento.endereco.bairro.descricao}"
													styleClass="smallFont" />
												<h:outputText
													value="#{estabelecimento.endereco.logradouro}, #{estabelecimento.endereco.numero}"
													styleClass="smallFont" />

												<h:panelGroup>
													<h:panelGrid columns="2">
														<h:panelGroup>
															<h:panelGrid columns="1">
																<p:graphicImage value="/img/add-favoritos.png"
																	width="25" height="25" />
																<h:link styleClass="link smallFont"
																	id="linkFavoritosTab1" value="Adicionar aos Favoritos">
																	<f:param name="idEstabelecimento"
																		value="#{estabelecimento.id}" />
																	<p:ajax event="click"
																		oncomplete="addFavoritosTab1.show()" />
																</h:link>
															</h:panelGrid>
														</h:panelGroup>
														<h:panelGroup>
															<h:panelGrid columns="1">
																<p:graphicImage
																	value="http://localhost:8080/SalaoImg/agendamento/agenda.jpg"
																	width="25" height="25" />
																<h:link value="Agendar" outcome="agendaEstabelecimento"
																	styleClass="smallFont">
																	<f:param name="idSelectedEstabelecimento"
																		value="#{estabelecimento.id}" />
																	<f:param name="cidadeEstabelecimento"
																		value="#{estabelecimento.endereco.bairro.cidade.nome}" />
																	<f:param name="bairroEstabelecimento"
																		value="#{estabelecimento.endereco.bairro.descricao}" />
																	<f:param name="logradouro"
																		value="#{estabelecimento.endereco.logradouro}" />
																	<f:param name="numero"
																		value="#{estabelecimento.endereco.numero}" />
																	<f:param name="nomeFantasia"
																		value="#{estabelecimento.nomeFantasia}" />
																	<f:param name="ddd" value="#{estabelecimento.ddd}" />
																	<f:param name="telefoneContato"
																		value="#{estabelecimento.telefone}" />
																</h:link>
															</h:panelGrid>
														</h:panelGroup>

													</h:panelGrid>
												</h:panelGroup>

											</h:panelGrid>
										</p:panel>

									</p:dataGrid>

									<p:dialog widgetVar="addFavoritosTab1"
										header="Deseja adicionar aos favoritos?" showEffect="clip"
										hideEffect="clip" closable="true">

										<f:metadata>
											<f:viewParam name="idEstabelecimento"
												value="#{agendamentoMB.idEstabelecimento}">
											</f:viewParam>
										</f:metadata>

										<h:panelGrid columns="1" id="agendamnTableFavoritosTab1"
											border="0">

											<h:outputText value="Adicionar ao favoritos?" />
											<h:panelGroup>
												<p:commandButton value="SIM"
													actionListener="#{agendamentoMB.adicionarFavoritos}"
													oncomplete="addFavoritosTab1.hide();"
													update="tabelaEstabelecimentosTab1" />
												<p:commandButton value="NAO"
													onclick="addFavoritosTab1.hide();" />
											</h:panelGroup>
										</h:panelGrid>

									</p:dialog>

								</p:tab>
								<p:tab id="tab2" title="Buscar por nome do Sal&atilde;o">

									<h:panelGrid columns="2" id="agendamentoTable2" border="0">

										<h:outputText value="Procurar: " />
										<h:inputText value="#{agendamentoMB.nomeEstabelecimento}" />

										<h:inputHidden />
										<p:commandButton type="submit"
											actionListener="#{agendamentoMB.buscarEstabelecimentosPorNome}"
											value="Buscar" update="tabelaEstabelecimentosTab2"
											style="width:100px" />

									</h:panelGrid>
									<br />
									<br />
									<p:dataGrid var="estabelecimento"
										value="#{agendamentoMB.listEstabelecimentosPorNome}"
										columns="4" id="tabelaEstabelecimentosTab2" rows="12"
										paginator="true" paginatorAlwaysVisible="false"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="9,12,15"
										emptyMessage="Não foram encontrados resultados para a pesquisa"
										style="width:60%">

										<p:panel header="#{estabelecimento.razaoSocial}"
											style="text-align:center">
											<h:panelGrid columns="1">

												<h:outputText value="#{estabelecimento.nomeFantasia}" />
												<h:outputText
													value="#{estabelecimento.endereco.bairro.cidade.nome} - #{estabelecimento.endereco.bairro.descricao}"
													styleClass="smallFont" />
												<h:outputText
													value="#{estabelecimento.endereco.logradouro}, #{estabelecimento.endereco.numero}"
													styleClass="smallFont" />

												<h:panelGroup>
													<h:panelGrid columns="2">
														<h:panelGroup>
															<h:panelGrid columns="1">
																<p:graphicImage value="/img/add-favoritos.png"
																	width="25" height="25" />
																<h:link styleClass="link smallFont"
																	id="linkFavoritosTab2" value="Adicionar aos Favoritos">
																	<f:param name="idEstabelecimento"
																		value="#{estabelecimento.id}" />
																	<p:ajax event="click"
																		oncomplete="addFavoritosTab2.show()" />
																</h:link>
															</h:panelGrid>
														</h:panelGroup>
														<h:panelGroup>
															<h:panelGrid columns="1">
																<p:graphicImage
																	value="http://localhost:8080/SalaoImg/agendamento/agenda.jpg"
																	width="25" height="25" />
																<h:link value="Agendar" outcome="agendaEstabelecimento"
																	styleClass="smallFont">
																	<f:param name="idSelectedEstabelecimento"
																		value="#{estabelecimento.id}" />
																	<f:param name="cidadeEstabelecimento"
																		value="#{estabelecimento.endereco.bairro.cidade.nome}" />
																	<f:param name="bairroEstabelecimento"
																		value="#{estabelecimento.endereco.bairro.descricao}" />
																	<f:param name="logradouro"
																		value="#{estabelecimento.endereco.logradouro}" />
																	<f:param name="numero"
																		value="#{estabelecimento.endereco.numero}" />
																	<f:param name="nomeFantasia"
																		value="#{estabelecimento.nomeFantasia}" />
																	<f:param name="ddd" value="#{estabelecimento.ddd}" />
																	<f:param name="telefoneContato"
																		value="#{estabelecimento.telefone}" />
																</h:link>
															</h:panelGrid>
														</h:panelGroup>

													</h:panelGrid>
												</h:panelGroup>

											</h:panelGrid>
										</p:panel>

									</p:dataGrid>

									<p:dialog widgetVar="addFavoritosTab2"
										header="Deseja adicionar aos favoritos?" showEffect="clip"
										hideEffect="clip" closable="true">

										<f:metadata>
											<f:viewParam name="idEstabelecimento"
												value="#{agendamentoMB.idEstabelecimento}">
											</f:viewParam>
										</f:metadata>

										<h:panelGrid columns="1" id="agendamnTableFavoritosTab2"
											border="0">

											<h:outputText value="Adicionar ao favoritos?" />
											<h:panelGroup>
												<p:commandButton value="SIM"
													actionListener="#{agendamentoMB.adicionarFavoritos}"
													oncomplete="addFavoritosTab2.hide();"
													update="tabelaEstabelecimentosTab2" />
												<p:commandButton value="NAO"
													onclick="addFavoritosTab2.hide();" />
											</h:panelGroup>
										</h:panelGrid>
									</p:dialog>
								</p:tab>

								<p:tab id="tab3" title="Favoritos">

									<p:dataGrid var="estabelecimento"
										value="#{agendamentoMB.listEstabelecimentosFavoritos}"
										columns="4" id="tabelaEstabelecimentosTab3" rows="12"
										paginator="true" paginatorAlwaysVisible="false"
										paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
										rowsPerPageTemplate="9,12,15"
										emptyMessage="Não foram encontrados resultados para a pesquisa"
										style="width:60%">

										<p:panel header="#{estabelecimento.razaoSocial}"
											style="text-align:center">
											<h:panelGrid columns="1">

												<h:outputText value="#{estabelecimento.nomeFantasia}" />
												<h:outputText
													value="#{estabelecimento.endereco.bairro.cidade.nome} - #{estabelecimento.endereco.bairro.descricao}"
													styleClass="smallFont" />
												<h:outputText
													value="#{estabelecimento.endereco.logradouro}, #{estabelecimento.endereco.numero}"
													styleClass="smallFont" />

												<h:panelGroup>
													<h:panelGrid columns="2">
														<h:panelGroup>
															<h:panelGrid columns="1">
																<p:graphicImage value="/img/rm-favoritos.png" width="25"
																	height="25" />
																<h:link styleClass="link smallFont"
																	id="linkFavoritosTab3" value="Remover dos Favoritos">
																	<f:param name="idEstabelecimento"
																		value="#{estabelecimento.id}" />
																	<p:ajax event="click"
																		oncomplete="addFavoritosTab3.show()" />
																</h:link>
															</h:panelGrid>
														</h:panelGroup>
														<h:panelGroup>
															<h:panelGrid columns="1">
																<p:graphicImage
																	value="http://localhost:8080/SalaoImg/agendamento/agenda.jpg"
																	width="25" height="25" />
																<h:link value="Agendar" outcome="agendaEstabelecimento"
																	styleClass="smallFont">
																	<f:param name="idSelectedEstabelecimento"
																		value="#{estabelecimento.id}" />
																	<f:param name="cidadeEstabelecimento"
																		value="#{estabelecimento.endereco.bairro.cidade.nome}" />
																	<f:param name="bairroEstabelecimento"
																		value="#{estabelecimento.endereco.bairro.descricao}" />
																	<f:param name="logradouro"
																		value="#{estabelecimento.endereco.logradouro}" />
																	<f:param name="numero"
																		value="#{estabelecimento.endereco.numero}" />
																	<f:param name="nomeFantasia"
																		value="#{estabelecimento.nomeFantasia}" />
																	<f:param name="ddd" value="#{estabelecimento.ddd}" />
																	<f:param name="telefoneContato"
																		value="#{estabelecimento.telefone}" />
																</h:link>
															</h:panelGrid>
														</h:panelGroup>

													</h:panelGrid>
												</h:panelGroup>

											</h:panelGrid>
										</p:panel>

									</p:dataGrid>

									<p:dialog widgetVar="addFavoritosTab3"
										header="Deseja remover dos favoritos?" showEffect="clip"
										hideEffect="clip" closable="true">

										<f:metadata>
											<f:viewParam name="idEstabelecimento"
												value="#{agendamentoMB.idEstabelecimento}">
											</f:viewParam>
										</f:metadata>

										<h:panelGrid columns="1" id="agendamnTableFavoritosTab3"
											border="0">

											<h:outputText value="Remover dos favoritos?" />
											<h:panelGroup>
												<p:commandButton value="SIM"
													actionListener="#{agendamentoMB.removerFavorito}"
													oncomplete="addFavoritosTab3.hide();"
													update="tabelaEstabelecimentosTab3" />
												<p:commandButton value="NAO"
													onclick="addFavoritosTab3.hide();" />
											</h:panelGroup>
										</h:panelGrid>
									</p:dialog>
								</p:tab>

							</p:tabView>
						</p:panel></td>
				</tr>
			</table>
		</h:form>
	</h:body>
</f:view>
</html>